:root{--zhihao16:16px;--zhihao17:17px;--zhihao18:18px;--zhihao20: 20px;--zhihao22:22px;--zhihao24:24px;--zhihao26:26px;--zhihao28:28px;--zhihao30:30px;--zhihao33:33px;--zhihao36:36px;--zhihao40:40px;--zhihao45:45px;--zhihao48:48px;--zhihao50:50px;--zhihao55:55px;--zhihao60:60px;--zhihao68: 68px;--zhihao80:80px;--zhihao18-h: 24px;--zhihao20-h: 26px;--zhihao28-h: 33px;--zhihao24-h: 30px;--zhihao30-h: 36px;--zhihao36-h: 42px;--zhihao40-h: 48px;--zhihao45-h: 51px;--zhihao50-h: 56px;--zhihao55-h: 63px;--zhihao60-h: 70px;--zhihao68-h: 76px;--zhihao80-h: 90px;--color-zs: #fd9b00;--color-fs: #f5f6fa;--color-bs:#fff;--color-hs:#000;--color-f6: #f6f6f6;--color-f4: #f4f4f4;--color-f2: #f2f2f2;--color-f1: #f1f1f1;--color-333: #333;--color-666: #666;--color-999: #999;--color-eee: #eee;--color-ccc: #ccc;}
header{position: fixed; z-index: 1000; align-items: center; width:100%; padding: 30px 5%; transition: all 0.5s ease; }
header .header-logo img{ width:180px;}
.header-cd a{font-size: var(--zhihao17); padding: 10px 10px; margin: 0 20px; font-weight: bold; color: var(--color-hs); transition: all 0.5s ease; position: relative;}
.header-cd a::after{position: absolute; width:0; bottom: 0; height: 2px; background: var(--color-zs); content: ''; left: 0; transition: all 0.5s ease;}
.header-cd a:hover::after{ width: 100%;}
.header-r a{ margin-left: 5px;font-size: var(--zhihao17);}
.logo-ys{display: none;}
.top_box_b{background: var(--color-bs);padding: 25px 5%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);}
.top_box_b_cpt{background: var(--color-bs);padding: 13px 5%;}
.top_box_b .logo-b, .top_box_b_cpt .logo-b{ display: none;}
.top_box_b .logo-ys, .top_box_b_cpt .logo-ys{ display: block;}
.top_box_b .header-cd-nr a, .top_box_b .yyxz,.top_box_b_cpt .header-cd-nr a{color: var(--color-333);}
.banner-wz{ color: var(--color-zs);top: 35%;  text-align: center;  width: 100%;}
.banner-wz p{ font-size: var(--zhihao33); line-height: var(--zhihao36-h); }
.banner-wz span{ display: block; font-size: var(--zhihao28);}
.swiper-pagination-bullet-active{ background: var(--color-zs);}
.s-1{background: var(--color-f1);}
.sbt{text-align: center; font-size: var(--zhihao20);}
.sbt p{font-size: var(--zhihao33); line-height: var(--zhihao36-h); color: var(--color-zs);}
.sbt u{ padding-bottom: 10px; display: block;}
.sbt span{ color: var(--color-666);display: block;}
.scpflgd .swiper-slide a{transition: all 0.5s ease; display: block;}
.scpflgd .swiper-slide a img{transition: all 0.5s ease;}
.scpflgd .swiper-slide a p{text-align: center; font-size: var(--zhihao18); padding: 15px 0 0;transition: all 0.5s ease;}
.scpflgd .swiper-slide a:hover{transform: translateY(-10px);}
.scpflgd .swiper-slide a:hover p{color: var(--color-zs); transform: translateY(-5px);}
.scpflgd .swiper-slide a:hover img{transform: scale(1.02);}
.s-2 .sbt span,.s-1 .sbt p{width: 60%; margin: 0 auto;}
.tab-buttons{width:100%; display: flex; margin-bottom: 10px; justify-content: center; align-items: center;}
.tab-buttons .tab-button{  width:18%; display: flex; margin: 0 2px; align-items: center; justify-content: center; font-weight: 500; text-align:center; background: var(--color-f4); color:#666;position:relative;cursor:pointer; padding: 20px 0; font-size: 18px; line-height: 18px;}
.tab-buttons .tab-button.cur{color:var(--color-bs); background: var(--color-zs);}
.tab-buttons .tab-button i{ font-size: var(--zhihao30); padding-right: 10px;}
.tabs{width:100%; }
.tabs .tab-item{width:100%;height:100%;padding:2vh 0 0;display:none;position: relative;}
.tabs .tab-item.active{display:block}
.s-2 .slogogde{padding-top: 0; height: 290px;padding-bottom: 50px;}
.s-2 .slogogde .swiper-slide img{ max-width: 100%;border: 1px solid var(--color-f1); padding: 18px;}
footer{background: var(--color-zs);}
footer dl dt img{width: 180px;}
footer dl dd li{padding-left:5vw;}
footer dl dd li a{display: block; color: var(--color-bs); opacity: 0.8;transition: all 0.5s ease;}
footer dl dd li a:first-of-type{ font-size: var(--zhihao17); font-weight: bold; color: var(--color-bs); padding-bottom: 10px; opacity: 1;}
footer ul li,footer ul li a{ color: var(--color-bs); opacity: 0.8;transition: all 0.5s ease;}
footer dl dd li a:hover,footer ul li a:hover{color: var(--color-bs); opacity: 1;}
.nycdt{background: var(--color-bs);}
.nybanner{background: var(--color-hs);}
.nybanner img{opacity: 0.6;}
.nybanner .sbt p{padding-bottom: 10px;}
.nybanner .sbt p,.nybanner .sbt span{color: var(--color-bs);}
.nycd{padding: 25px 0; border-bottom: 1px solid var(--color-f1);}
.nycd a{ font-size: var(--zhihao18); padding: 0 3vw;}
.j-1-1-l p{ font-size: var(--zhihao40); font-weight: bold; padding-top: 20px;}
.j-1-1-l p i{font-style:normal; padding: 0 20px 0 0;}
.j-1-1-l img{ width: 220px;}
.j-1-1-r{ width: 60%; font-size: var(--zhihao18); color: var(--color-666);}
.jjgsgd .swiper-slide p{ background: var(--color-zs); padding: 15px 0; text-align: center; font-size: var(--zhihao24); color: var(--color-bs);transition: all 0.5s ease;}
.jjgsgd .swiper-slide:hover p{ transform: translateY(-5px);}
.jjysgd .swiper-slide div{ background: var(--color-f1); text-align: center; padding: 20px 0;transition: all 0.5s ease;}
.jjysgd .swiper-slide div h2{ font-size: var(--zhihao18);}
.jjysgd .swiper-slide:hover div{background: var(--color-zs); }
.j-2 .sbt u{font-size: var(--zhihao33); line-height: var(--zhihao36-h); }
.j-3 .sbt,.j-5 .sbt{text-align: left;}
.j-3 .sbt p,.j-5 .sbt p,.j-4 .sbt p{ color: var(--color-333);}
.j-3 .tab-buttons{ justify-content: left;}
.j-3 .tab-buttons .tab-button{ width: 36%;padding: 10px 0; font-weight: bold;}
.j-3 .tabs ul li{ background: rgba(255, 255, 255, 0.5); border-radius: 25px; margin: 5px 0; padding: 8px 21px; display: block;transition: all 0.5s ease;}
.j-3 .tabs p{ font-size: var(--zhihao16); color: var(--color-666); padding-bottom: 14px;}
.j-3 .tabs ul li:hover{background: var(--color-zs); color: var(--color-bs);}
.j-3 .tabs .tab-item{padding-top: 0;}
.j-3-rr{ width: 42%;}
.jjzhgd .swiper-slide p{ padding: 20px 0; font-size: var(--zhihao18);}
.jjzhgd .swiper-slide img{transition: all 0.5s ease;}
.jjzhgd .swiper-slide:hover img{transform: scale(1.02);}
.j-5 dl dt{width: 61%;}
.j-5 dl dd li{background: var(--color-zs); margin: 5px 0;}
.j-5 dl dd li span{ font-size: var(--zhihao22); display: block; width: 150px; text-align: center;}
.j-5 dl dd li i{ font-style: normal; color: var(--color-bs); font-size: var(--zhihao16); padding:5px 18px;}
.j-5 dl dd li p img{transition: all 0.5s ease; cursor: pointer;}
.j-5 dl dd li:hover p img{opacity: 0.5;}
.cplb-l ul{ width: 250px;position: sticky; top: 100px;}
.cplb-l a{border-bottom: 1px solid var(--color-f1); padding: 10px; font-size: var(--zhihao16); margin-bottom: 10px;transition: all 0.5s ease; }
.cplb-l a img{ width: auto; max-width: 100%;}
.cplb-l a:hover{ background: var(--color-zs);color: var(--color-bs);}
#dqcd{background: var(--color-zs); font-weight: bold;color: var(--color-bs);}
.cplb-r,.cpbj{ width: calc(100% - 350px);}
.cplb-r ul a{margin-bottom:40px; display: block;}
.cplb-r ul a h2{ font-size: var(--zhihao28); font-weight: 500; padding-bottom: 10px; color: var(--color-333);}
.cplb-r ul a p{ background: var(--color-f1); padding: 15px; text-align: center; font-size: var(--zhihao20); padding-right: 3vw;transition: all 0.5s ease; position: relative;}
.cplb-r ul a p span{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.cplb-r ul a:last-of-type{margin-bottom: 0;}
.cplb-r ul a:hover p{ background: var(--color-zs); color: var(--color-bs);}
.cpbj-bt{ font-size: var(--zhihao24); background: var(--color-zs); display: block; border-radius: 50px; padding: 10px 3%; color: var(--color-bs);display: inline-block;}
.cpbj-bt span{ font-size: 14px; opacity: 0.5; padding-left: 10px;}
.cpbj-lb dt{ background: var(--color-zs); color: var(--color-bs);display: inline-block; border-radius: 20px; padding: 4px 2%; font-size: var(--zhihao16); margin-bottom: 15px;}
.cpbj-lb dd li{ border: 1px solid var(--color-f4); border-radius: 8px; padding: 4px 10px; margin: 0 15px 10px 0;}
.cpbj-lb{padding-top:40px; border-left: 1px solid var(--color-zs); padding-left:40px; background: url(../images/jt.jpg) no-repeat 0 53px;}
.cpbj-lb:last-of-type{padding-bottom:40px;}


.cpxq{ font-size: var(--zhihao16); }
#dituContent{ width:100%; height:500px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: var(--color-hs);margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid var(--color-f4); background: inherit; color: var(--color-hs);}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border-bottom: 1px solid var(--color-f4); background: inherit;color: var(--color-hs); font-family: "Microsoft Yahei";}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: var(--color-ccc); color:var(--color-bs);margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:var(--color-zs); cursor:pointer;}
.lx-1 .tab-buttons,.lx-2 .tab-buttons{justify-content: left;}
.lx-1 .tab-buttons .tab-button.cur{background: none; color: var(--color-hs); font-weight: bold;}
.lx-1 .tab-buttons .tab-button{text-align: left; background: none; justify-content: left; width: auto; font-size: var(--zhihao24); padding: 0; padding-right: 30px; }
.lx-2 dl{ background: var(--color-f1);}
.lx-2 dl dt{ padding: 3vw;}
.lx-2 dl dt h1{ font-size: var(--zhihao22); padding-bottom: 15px;}
.lx-2 .tab-buttons .tab-button{background: var(--color-ccc); color: var(--color-bs);}
.lx-2 .tab-buttons .tab-button.cur{background: var(--color-zs); color: var(--color-hs);}
.rczpgd{ padding: 20px 0 40px;}
.rczpgd .swiper-slide a{display: block; background: var(--color-f1); text-align: center; padding: 100px 10px; font-size: var(--zhihao20);}
.rczpgd .swiper-slide a:hover{ background: var(--color-zs); color: var(--color-bs);}
.konge{height: 100px;}
.xwxq-bt h1{font-size: var(--zhihao28); line-height: var(--zhihao30-h);}
.xwxq-bt time{ font-size: var(--zhihao16); color: var(--color-666); padding-top: 5px; display: block;}
.xwxq-nr{ padding: 25px 0; border-top: 1px solid var(--color-f1);border-bottom: 1px solid var(--color-f1); margin: 20px 0; font-size: var(--zhihao16); line-height: var(--zhihao20-h);}
.xqxq-sx a{display: block; color: var(--color-666); padding: 3px 0;}
@media (max-width:1440px) {
  .s-2 .slogogde{height: 240px;}
  .j-3-rr{ width: 51%;}
  .s-2 .sbt span,.s-1 .sbt p{width: 80%; margin: 0 auto;}
  .j-5 dl dt{ width: 55%;}
}

@media (max-width:1024px){
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:var(--color-bs);overflow: hidden; display: flex;justify-content: space-between; align-items: center; position: fixed;top: 0;left: 0;z-index: 1000;width: 100%; padding: 14px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:22px; width:auto;}
  #top .menu{float: right;padding-top: 9px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: var(--color-bs); position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 5%; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 50%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 999; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
  .zbsjdh{ padding: 20px 0 0;}
  .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
  .s-2 .slogogde {height: 191px;}
}

@media (max-width:820px) {
    .scpflgd,.jjgsgd,.jjysgd{padding-bottom: 37px;}
    .banner,.nybanner{margin-top: 59px;}
    .banner-wz p,.sbt p{font-size: var(--zhihao24); line-height: var(--zhihao24-h);padding: 0 20px;}
    .banner-wz{top: 27%;}
    .s-1{padding-top: 50px;}
    .s-1 .sbt{ padding-bottom: 20px;}
    .sbt{ font-size: var(--zhihao16);}
    .s-2 .sbt span{ width: 100%;}
    .s-1 .sbt u{padding-bottom: 5px;}
    .tab-buttons .tab-button{ width: auto; padding: 10px; font-size: 14px; line-height: 16px; text-align: center;}
    footer dl dd li:first-of-type{padding-left: 0;}
    footer dl dt{ margin-bottom: 20px;}
    .nybanner .sbt{ width: 90%;}
    .j-1-1-r,.cplb-r,.cpbj{ width: 100%;}
    .j-1-1-l img{ display: none;}
    .j-1-1-l p{padding: 0 0 10px; font-size: var(--zhihao26);}
    .j-3-rr{position: static; transform: none; width: 90%; margin: 0 auto;}
    .j-3 .tabs ul li{ background: var(--color-f1);padding: 5px 15px;}
    .j-3 .sbt p{padding: 25px 0 0;}
    .j-3 .tab-buttons{padding-top: 15px;}
    .j-5 dd{padding-top: 20px; width: 100%;}
    .cplb-l{display: none;}
    .cplb-r ul a h2{ font-size: var(--zhihao22);}
    .cplb-r ul a p{display: flex; justify-content: space-between; align-items: center; padding:12px 16px; font-size:var(--zhihao16);}
    .lx-3{padding-bottom: 33px;}
    .lx-2 dl{ flex-wrap: wrap;}
    .lx-2 dl dt{ padding: 20px;}
    .lx-2 .tabs .tab-item{padding-top: 0;}
    .lx-1 .tab-buttons .tab-button{ font-size: var(--zhihao20);}
    .lx-1 .tabs .tab-item{padding-top: 10px;}
    footer ul{padding-top: 25px !important;}
    .j-5 dl dt{ width: 100%;}
    .cpbj .cpbj-dy dd{ border-bottom: 1px solid var(--color-ccc); margin-bottom: 10px;}
    .cpbj .cpbj-dy dd:last-of-type{margin-bottom: 0; border: none;}


}

@media (max-width:640px) {
    .caidan{ width: 100%; max-width: 100%;}
    .banner-wz p,.sbt p{font-size: var(--zhihao22); line-height: var(--zhihao24-h);padding: 0 20px;}
    footer dl dd{width: 100%;}
    .j-1-1-r{ font-size: var(--zhihao16);}
    .s-2 .slogogde{height: 260px;}
    .tab-buttons .tab-button{ width: calc(100%/3);}
    .cpbj-bt span{ display: block;padding-left: 0; line-height:18px;}
    .cpbj-bt{font-size: var(--zhihao22); line-height: 25px; padding: 10px 36px;border-radius: 30px;}
    #top{position: absolute;}
    .j-3 .tab-buttons .tab-button{ width: 49%;}
    footer dl dd li{ width: 32%;}
    .cpbj-lb{padding-top: 30px;padding-left: 20px;}
    .cpbj-lb:last-of-type {padding-bottom: 20px;}
    .cplb-r ul a p u{ width:75%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}


}

@media (max-width:385px) {
    .s-2 .slogogde{height: 240px;}
}